<template>
  <div id="app">
    <!-- <img src="./assets/logo.png"> -->
    <!-- <div>
      <el-select v-model="value" placeholder="请选择">
        <el-option-group
          v-for="group in options"
          :key="group.label"
          :label="group.label"
        >
          <el-option
            v-for="item in group.options"
            :key="item.value"
            :label="item.label"
            :value="item.value"
          >
          </el-option>
        </el-option-group>
      </el-select>
    </div> -->
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
  // data() {
  //     return {
  //       options: [{
  //         label: '热门城市',
  //         options: [{
  //           value: 'Shanghai',
  //           label: '上海'
  //         }, {
  //           value: 'Beijing',
  //           label: '北京'
  //         }]
  //       }, {
  //         label: '城市名',
  //         options: [{
  //           value: 'Chengdu',
  //           label: '成都'
  //         }, {
  //           value: 'Shenzhen',
  //           label: '深圳'
  //         }, {
  //           value: 'Guangzhou',
  //           label: '广州'
  //         }, {
  //           value: 'Dalian',
  //           label: '大连'
  //         }]
  //       }],
  //       value: ''
  //     }
  //   }
};
</script>

<style>
* {
  margin: 0;
  padding: 0;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  /* margin-top: 60px; */
}

</style>
